import { StrictMode, Suspense } from "react";
import { createRoot } from "react-dom/client";
import { Flex, Loading } from "react-vant";
import "./index.css";
import App from "./App.tsx";

import { Provider } from "react-redux";
import store from "./store/store.ts";
import { BrowserRouter } from "react-router-dom";
createRoot(document.getElementById("root")!).render(
  <Provider store={store}>
    <Suspense
      fallback={
        <div className="loader111">
          <Flex.Item span={8}>
            <Loading type="spinner" color="#3f45ff"  />
          </Flex.Item>
        </div>
      }
    >
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Suspense>
  </Provider>
);
